<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="../layui/src/css/layui.css" media="all">
    <!--<style>-->
        <!--/** 图标字体 **/-->
        <!--@font-face {font-family: 'layui-icon';-->
            <!--src: url('../layui/src/font/iconfont.eot?v=220');-->
            <!--src: url('../layui/src/font/iconfont.eot?v=220#iefix') format('embedded-opentype'),-->
            <!--url('../layui/src/font/iconfont.svg?v=220#iconfont') format('svg'),-->
            <!--url('../layui/src/font/iconfont.woff?v=220') format('woff'),-->
            <!--url('../layui/src/font/iconfont.ttf?v=220') format('truetype');-->
        <!--}-->

        <!--.layui-icon{-->
            <!--font-family:"layui-icon" !important;-->
            <!--font-size: 16px;-->
            <!--font-style: normal;-->
            <!-- -webkit-font-smoothing: antialiased;-->
            <!-- -moz-osx-font-smoothing: grayscale;-->
        <!--}-->

        <!--/* 背景边框 */-->
        <!--hr, .layui-timeline-item:before{background-color: #e6e6e6;}-->

        <!--/* 时间线 */-->
        <!--.layui-timeline{padding-left: 5px;}-->
        <!--.layui-timeline-item{position: relative; padding-bottom: 20px;}-->
        <!--.layui-timeline-axis{position: absolute; left: -5px; top: 0; z-index: 10; width: 20px; height: 20px; line-height: 20px; background-color: #fff; color: #5FB878; border-radius: 50%; text-align: center; cursor: pointer;}-->
        <!--.layui-timeline-axis:hover{color: #FF5722;}-->
        <!--.layui-timeline-item:before{content: ''; position: absolute; left: 5px; top: 0; z-index: 0; width: 1px; height: 100%;}-->
        <!--.layui-timeline-item:last-child:before{display: none;}-->
        <!--.layui-timeline-item:first-child:before{display: block;}-->
        <!--.layui-timeline-content{padding-left: 25px;;}-->
        <!--.layui-timeline-title{position: relative; margin-bottom: 10px;}-->

    <!--</style>-->
</head>
<body>
<ul class="layui-timeline">
    <li class="layui-timeline-item">

        <i class="layui-icon layui-icon-circle layui-timeline-axis"></i>
        <div class="layui-timeline-content layui-text">
            <h3 class="layui-timeline-title">标题</h3>
            <p>
                内容
            </p>
        </div>
    </li>
</ul>
<script>

</script>
</body>
</html>